<!--
 * @Descripttion: 
 * @Author: ziwei
 * @Date: 2022-08-28 14:49:36
 * @LastEditors: ziwei
 * @LastEditTime: 2022-08-28 16:38:47
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>Hey! I am the other page.</div>
    <input id="js-input" placeholder="input message">
    <script>
        var bc = new BroadcastChannel('alienzhou');
            bc.onmessage = function(e) {
                console.log('index receive message', e);
            };
    </script>
    <section id="js-container"><div>index: 1</div></section>
    <footer>
        <a href="https://www.alienzhou.com/2019/04/01/broadcast-channel/">Article in Chinese</a>
    </footer>

</body>
</html>
